import type {
    JcxFormSchema as FormSchema,
    JcxFormProps,
} from '@/components/effects/ui';

import type {ComponentType} from './component';

import {setupJcxForm, useJcxForm as useForm, z} from '@/components/effects/ui';
import {$t} from '@/locales/effects';

setupJcxForm<ComponentType>({
    config: {
        // ant design vue组件库默认都是 v-model:value
        baseModelPropName: 'value',

        // 一些组件是 v-model:checked 或者 v-model:fileList
        modelPropNameMap: {
            Checkbox: 'checked',
            Radio: 'checked',
            Switch: 'checked',
            Upload: 'fileList',
        },
    },
    defineRules: {
        // 输入项目必填国际化适配
        required: (value, _params, ctx) => {
            if (value === undefined || value === null || value.length === 0) {
                return $t('ui.formRules.required', [ctx.label]);
            }
            return true;
        },
        // 选择项目必填国际化适配
        selectRequired: (value, _params, ctx) => {
            if (value === undefined || value === null) {
                return $t('ui.formRules.selectRequired', [ctx.label]);
            }
            return true;
        },
    },
});

const useJcxForm = useForm<ComponentType>;

export {useJcxForm, z};

export type JcxFormSchema = FormSchema<ComponentType>;
export type {JcxFormProps};
